<template>
  <!-- 每个模版页必须有一个根节点标签 -->
  <div>
    <!-- 这里就是组件页面显示的内容 -->
    <h1>测试Element UI样式库</h1>
    <div>
      <el-row>
        <el-button>默认按钮</el-button>
        <el-button type="primary">主要按钮</el-button>
        <el-button type="success">成功按钮</el-button>
        <el-button type="info">信息按钮</el-button>
        <el-button type="warning">警告按钮</el-button>
        <el-button type="danger">危险按钮</el-button>
      </el-row>
    </div>
  </div>
</template>
<script>
//引入外部组件
//import menu from ''
export default {
  name: "TestView", //定义组件的名称
  mounted() {
    //同样也是组件初始化时使用，mounted方法会在页面完全加载后进行DOM相关的操作，如果使用created，有时初始化效果会失效，一般建议初始化使用mounted
    this.onSubmit();
  },
  methods: {
    //定义组件内事件的方法，如果无则不需要填写
    async onSubmit() {
      let res = await this.$http.get('getall',null);
      console.log(res.data);
      //通过路由跳转指定地址
      //this.$router.push("./");
    },
  },
};
</script>
<style scoped>
/* 独立组件的样式，写这里，支持标准的css语法 */
</style>